<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="/public/jQuery.min.js"></script>
  <link rel="stylesheet" href="/css/login/login.css">
  <title>登录</title>
</head>
<body>
  <div id="login">
    <div class="header">
      <header>
        {include file="component/header" /}
      </header>
      <div class="login">`
        <!-- 内容 -->
        <div class="logincenter">
          <div class="qrcode">
            <div class="vxbox">
              <img src="/img/pclogin/vx.png" alt="vx">
              <p>微信扫码登录</p>
            </div>
            <div>
              <img src="/img/pclogin/erweima.png" alt="qr">
            </div>
          </div>
          <div class="loginform">
            <p class="lftit">密码登录</p>
            <div class="logininput">
              <form method="post" action="login/login">
                <input type="number" class="input" name="userid" placeholder="请输入账号" required >
                <input type="password" class="input" name="password" placeholder="请输入密码" required >
                <button class="submit" id="submitButton">登录</button>
              </form>
            </div>

          </div>
        </div>
        <!-- qq登录注册 -->
        <div class="fun">
          <div class="qq">
            <div class="qqcircle">
              <img src="/img/pclogin/QQ.png" alt="">
            </div>
            <p class="qqtit">
              <a href="#">QQ登录/注册</a>
            </p>
          </div>
          <div class="qq">
            <div class="qqcircle">
              <img src="/img/pclogin/tel.png" alt="">
            </div>
            <div class="qqtit">
              <a href="#">手机登录/注册</a>
            </div>
          </div>
        </div>
        <!-- 声明 -->
        <div class="logintext">
          <p><a href="#">登录即同意《版权声明》《隐私声明》</a></p>
          <p><a href="#">其他方式登录</a></p>
        </div>
      </div>
    </div>
    <div>
      <footer>
        {include file="component/footer" /}
      </footer>
    </div>
  </div>
</body>
<script>

</script>
</html>
